<!-- Sidebar ================================================== -->
<div id="sidebar" class="span3">
    <div class="well well-small"><a id="myCart" href="product_summary.html">
            <img src="../../page/common/themes/images/ico-cart.png" alt="cart">{{ getCartNums() }} 件商品
            <!-- <span id="test-span" class="badge badge-warning pull-right">155.00元</span> -->
        </a></div>
    <ul id="sideManu" class="nav nav-tabs nav-stacked">
        <li :class="index == 0 ? 'subMenu open' : 'subMenu'" v-for="(category,index) in getCategories()"><a> {{
                category.name }}</a>
            <ul :style="index == 0 ? '' : 'display:none'">
                <li v-for="product in getProducts(index)">
                    <a
                        :href="'/view/products.html?id='+product.id+'&keyword='+product.name+'&pagesize=6&pageid=1&sortby=0'">
                        <i class="icon-chevron-right"></i>{{ product.name }}</a>
                </li>
            </ul>
        </li>
    </ul>
    <br />
    <div class="thumbnail">
        <img src="../../page/common/themes/images/payment_methods.png" title="Bootshop Payment Methods"
            alt="Payments Methods">
        <div class="caption">
            <h5>Payment Methods</h5>
        </div>
    </div>
</div>
<!-- Sidebar end=============================================== -->